<template>
  <div>
    <div class="nav">
      <img class="exitImg" src="@/assets/icons/png/exit.png" @click="exit"/>
      <div class="title">设置</div>
      <!--   空白块 为了实现居中效果   -->
      <div style="width: 45px"></div>
    </div>
  </div>
</template>

<script>
import router from "@/router";

export default{
  data (){
    return {

    }
  } ,
  methods: {
    exit() {
      router.push({
        name:'index',
        params: { itemView: '2' }
      });
    }
  }

}

</script>

<style scoped>
.nav {
  width: 100%;
  height: 80px;
  background-color: rgb(251, 219, 68);
  display: flex; /* 使用flex布局使子元素水平排列 */
  align-items: center; /* 垂直居中对齐子元素 */
  justify-content: flex-start; /* 水平居左对齐子元素 */
}

.exitImg {
  width: 25px;
  height: 25px;
  margin-left: 20px;
}

.title {
  margin: auto; /* 自动调整左侧间距，使文本居中 */
}
</style>